<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    // 定义一个字符串
    var str = "这是一个普通的字符串，abc，   ￥%#";

    // 长度属性
    // console.log(str.length);

    // charAt() 返回指定下标位置的字符
    // console.log(str.charAt(6));

    // indexOf() 返回子串在原始字符串中第一次出现位置的下标
    // console.log(str.indexOf("字 符串"));

    // concat() 字符串拼接
    // var str2 = str.concat("哈哈哈","普通");
    // console.log(str);
    // console.log(str2);

    // split() 分割字符串成一个数组
    // var arr = str.split("，");
    // console.log(arr);

    // 字符串内容倒置
    // var arr = str.split("");
    // arr.reverse();
    // str = arr.join("");
    // str = str.split("").reverse().join("");
    // console.log(str);

    // 大小写转换
    // var str1 = str.toUpperCase();
    // var str2 = str1.toLowerCase();
    // console.log(str);
    // console.log(str1);
    // console.log(str2);

    // 截取字符串方法：三种
    // slice(start,end) 从开始位置截取到结束位置，但是不包含结束位置
    // var str1 = str.slice(3,7);
    // var str1 = str.slice(-7,-3);
    // var str1 = str.slice(-7);
    // console.log(str1);

    // substr(start,howmany) 从开始位置截取一定长度
    // var str2 = str.substr(3,7);
    // var str2 = str.substr(-9,7);
    // var str2 = str.substr(-9);
    // console.log(str2);

    // substring(start,end) 参数必须是整数，比较两个数的大小，小的作为开始，大的作为结束
    // var str3 = str.substring(3,7);
    var str3 = str.substring(7,3);
    var str3 = str.substring(7);
    console.log(str3);
  </script>
</head>
<body>
  
</body>
</html>